<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
  <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" /> 
<title><{$rs.hotel3}></title>
<link href="__PUBLIC__/css/index.css" type="text/css" rel="stylesheet" />


<!--[if IE 6]>
<script src="iepng.js" type="text/javascript"></script>
<script type="text/javascript">
   EvPNG.fix('img,div,ul,li,a'); 
</script>
<![endif]-->
<style type="text/css">
.scrollable {
  position:relative;
  overflow:hidden;
  width: 446px;
  height:66px;
}
 
.scrollable .items {
  width:20000em;
  position:absolute;
}
 
.items div {
  float:left;
}
.bd_red{border:1px solid #F00;}
</style>
</head>

<body>

    <!--top start-->
    <!--顶部信息 start-->
  <include file="./Index/Tpl/Home/default/public/header.htm" />
    <!--顶部信息 end-->
    <!--top end-->
    <!--主体内容 start-->
    <div class="content">
    	<!--当前位置 start-->
    	<div class="wz">
        	<ul>
            	<li>您现在的位置：</li>
                <li>
                	<span><a href="/" target="_blank">首页</a></span>
                    <span>></span>
                    <span><a href="/" target="_blank">客栈</a></span>
                      <span>></span>
                    <span><{$rs.hotel3}></span>
                </li>
            </ul>
        </div>
        <!--当前位置 end-->
        <!--商品详情 start-->
        <div class="spxq">
        	<!--详情left start-->
        	<div class="sp_left">
            	<!--商品相册 start-->
            	<div class="kz_xc">
                    <div class="dt"><img  width="478"  height="305" src="<{$rs.hotel15}>" id="maxhoelpic" /></div>
                    <div class="xt">
                     <a class="prev browse left" style="float:left"></a>
 					
                    	 <div class="scrollable" id="scrollable" style="float:left">
                        	 <div class="items">
               					 <if condition="$rs.hotel15 neq ''"><div  style="margin-right:3px;"><img class="bd_red" id="xcpic<{$rs.hotel15}>" src="<{$rs.hotel15}>" width="100" height="64" /></div></if>
                                <if condition="$rs.hotel16 neq ''"><div  style="margin-right:3px;"><img  id="xcpic<{$rs.hotel16}>" src="<{$rs.hotel16}>" width="100" height="64" /></div></if>
                                <if condition="$rs.hotel17 neq ''"><div style="margin-right:3px;"><img id="xcpic<{$rs.hotel17}>" src="<{$rs.hotel17}>" width="100" height="64" /></div></if>
                                <if condition="$rs.hotel18 neq ''"><div style="margin-right:3px;"><img id="xcpic<{$rs.hotel18}>" src="<{$rs.hotel18}>" width="100" height="64" /></div></if>
                                <if condition="$rs.hotel19 neq ''"><div style="margin-right:3px;"><img id="xcpic<{$rs.hotel19}>" src="<{$rs.hotel19}>" width="100" height="64" /></div></if>
                            </div>
                        </div>  
                      <a style="float:left" class="next browse right"></a>
                    </div>
                </div>
                <!--商品相册 end-->
                <div class="clear"></div>
                <!--预订须知 start-->
                <div class="ydxz">
                	<ul class="xz_title">
                    	<li>预订须知</li>
                    </ul>
                    <ul class="xz_nr">
                        <li><{$rs.hotel9}></li>
                       
                    </ul>
                </div>
                <!--预订须知 end-->
                <div class="clear"></div>
                <!--优惠政策 start-->
                <div class="ydxz">
                	<ul class="xz_title">
                    	<li>优惠政策</li>
                    </ul>
                    <ul class="xz_nr">
                        <li><{$rs.hotel8}></li>
                       
                    </ul>
                </div>
                <!--优惠政策 end-->
                <div class="clear"></div>
                <!--掌柜 start-->
                <div class="zg">
                	<ul class="zgxx">
                    	<li class="yh_tx"><a href="<{$Think.const.SYS_UCHOMEURL}>/space.php?uid=<{$rs.hotel7}>" target="_blank"><img border="0" src="<php>echo UC_API.'/avatar.php?uid=".$rs["hotel7"]."&size=small&type='</php>" /></a></li>
                        <li class="yh_xx">
                        	<p class="zy">
                            	<span><a href="<{$Think.const.SYS_UCHOMEURL}>/space.php?uid=<{$rs.hotel7}>" target="_blank" class="zs"><php>
                              $arr= uc_get_user($rs["hotel7"],1);
                                echo $arr[1];
                                </php></a></span>
                                <span>的主页</span>
                            </p>
                            <p class="add_gz">
                            	<span><a href="<{$Think.SYS_UCHOMEURL}>/cp.php?ac=friend&op=add&uid=<{$rs.hotel7}>" class="gz">加关注</a></span>
                                <span><a href="<{$Think.SYS_UCHOMEURL}>/cp.php?ac=pm&uid=<{$rs.hotel7}>" class="xx">消息</a></span>
                                <span><a href="<{$Think.SYS_UCHOMEURL}>/cp.php?ac=poke&op=send&uid=<{$rs.hotel7}>" class="zh">打招呼</a></span>
                            </p>
                        </li>
                        <li class="sq_zg"><a href=""><img src="__PUBLIC__/images/zg.jpg" /></a></li>
                    </ul>
                    <ul class="zgdt">
                    	
                        <li>
                        	<span class="green">正在逛店</span>
                            <span class="yellow"><php>echo rand(10,50)</php></span>
                        </li>
                        <li>
                        	<span class="green">话题</span>
                            <span class="yellow">9</span>
                        </li>
                        <li>
                        	<span class="green">已有</span>
                            <span class="yellow">10</span>
                            <span class="green">预订</span>
                        </li>
                        <li>
                        	<span class="green">关注本客栈</span>
                            <span class="yellow">5</span>
                        </li>
                    </ul>
                </div>
                <!--掌柜 end-->
            </div>
            <!--详情left end-->
            <!--详情right start-->
            <div class="sp_right">
            	<!--酒店信息 start-->
                <div class="nx"><img src='__PUBLIC__<volist name="dengjipic" id="djpicpath"><{$djpicpath}></volist>' /></div>
                <div class="fj_title">
                	<ul>
                    <if condition="$clsrs.classsys7 neq ''"><img src="__PUBLIC__<{$clsrs.classsys7}>" /></if>
                    
                   
                    
                    </ul>
                    <ul><li class="fd_name"><{$rs.hotel3}></li></ul>

                    <ul class="xq">
                        <li><strong>开业时间：</strong><{$rs.hotel28}></li>
                        <li class="address"><strong>地&nbsp;&nbsp;&nbsp;&nbsp;址：</strong><{$rs.hotel29}></li>
                        <li><strong>设&nbsp;&nbsp;&nbsp;&nbsp;施：</strong><volist name="jichushes" id="jcsshi"><{$jcsshi}> &nbsp;</volist></li>
                        <li><strong>房间数量：</strong><{$rs.hotel30}>套</li>
                        <li><strong>交通信息：</strong><{$rs.hotel31}></li>
                    </ul>
                    <ul class="rq">
                        <li>
                            <span class="rq_name">人气：</span>
                            <span class="rq_sz" id="countnum"><{$rs.hotel26}></span>
                        </li>
                        <li id="dingrenqi" class="d"><a></a></li>
                    </ul>
                </div>
                <!--酒店信息 end-->
                <div class="clear"></div>
                <!--酒店评分 start-->
                <div class="jdpf">
                	<div class="pf_title">
                    	<li class="pf_bt">
                        	<span class="font18">总评分</span>
                            <span class="font36"><{$totalpf}>%</span>
                            <span class="font18">共<{$everypl.tnum}>条评论</span>
                        </li>
                        <li class="ly_pl">
                        	<span><a href="" target="_blank">浏览评论</a></span>
                        </li>
                    </div>
                    <div class="jdpf_nr">
                    	<ul>
                        	<li class="pf_name">特色</li>
                            <li class="pf_fs">
                            
                            <span style="width:<{$everypl.spinglun9|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun9|formatonevale=###,"t"}>%</li>
                        </ul>
                        <ul>
                        	<li class="pf_name">位置</li>
                            <li class="pf_fs"><span style="width:<{$everypl.spinglun10|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun10|formatonevale=###,"t"}>%</li>
                        </ul>
                        <ul>
                        	<li class="pf_name">趣味</li>
                            <li class="pf_fs"><span style="width:<{$everypl.spinglun11|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun11|formatonevale=###,"t"}>%</li>
                        </ul>
                        <ul>
                        	<li class="pf_name">清洁</li>
                            <li class="pf_fs"><span style="width:<{$everypl.spinglun12|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun12|formatonevale=###,"t"}>%</li>
                        </ul>
                        <ul>
                        	<li class="pf_name">员工</li>
                            <li class="pf_fs"><span style="width:<{$everypl.spinglun13|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun13|formatonevale=###,"t"}>%</li>
                        </ul>
                        <ul>
                        	<li class="pf_name">安全</li>
                            <li class="pf_fs"><span style="width:<{$everypl.spinglun14|formatonevale=###}>%;"></span></li>
                            <li class="bf_sm"><{$everypl.spinglun14|formatonevale=###,"t"}>%</li>
                        </ul>
                    </div>
                </div>
                <!--酒店评分 end-->
            </div>
            <!--详情right end-->
        </div>
        <!--商品详情 end-->
        <div class="clear"></div>
        <!--价格 start-->
        <div class="fj_price">
            <ul>
                <li class="fj_price_title">房型及价格</li>
            </ul>
             <volist name="fangxinrs" id="fxlist">
            <ul class="fx_nr">
                <li><img src="__PUBLIC__/images/fx.jpg" /></li>
              
               <li class="js">
                    <p class="font14 bold dark_green"><{$fxlist.hotelroom1}></p>
                    <p class="font14 dark_gray"><{$fxlist.hotelroom9|my_substr=###,0,100,""}></p>
                    <p>
                        <span class="font14 dark_gray bold">特价:￥</span>
                        <span class="yellow font24"><{$fxlist.hotelroom7}></span>
                        <span class="font14 dark_gray bold">元/间</span>
                    </p>
                </li>
              
                
                <li class="ljyd">
                    <img src="__PUBLIC__/images/ljyd.png" style="cursor:pointer;" onclick="gotoroder(<{$fxlist.hotelroom0}>);" />
                </li>
            </ul>
            
             </volist> 
            
        </div>
        <!--价格 end-->
        <div class="clear"></div>
        <!--酒店信息内容 start-->
        <div class="jdxx">
        	<!--酒店信息内容left start-->
            <div class="jdxx_left">
            	<!--客栈设施及特色 start-->
            	<div class="k1">
                	<li class="jdxx_title">客栈设施及特色</li>
                    <li class="jdxx_nr">
                    	<volist name="jichushes" id="jcsshi">
                        <span><img src="__PUBLIC__/images/list_style.jpg" /></span>
                        <span class="yellow"><{$jcsshi}></span>
                       </volist>
                    </li>
                </div>
                <!--客栈设施及特色 end-->
                <div class="clear"></div>
                <!--客栈交通及介绍 start-->
                <div class="k2">
                	<li class="jdxx_title">客栈介绍及交通信息</li>
                   <li class="jdxx_nr">
                   <{$rs.hotel11}>
                   </li>
                    <li class="jdxx_nr">
                    	<{$rs.hotel12}>
                    </li>
                </div>
                <!--客栈交通及介绍 end-->
                <div class="clear"></div>
                
                 <div class="k2">
                	<li class="jdxx_title">客栈图片</li>
                  
                    <li class="jdxx_nr">
                    	<volist name="picrs" id="pvo">
                            <img width="400" src="<{$pvo.pic4}>"><br><{$pvo.pic1}><br><br>
                        </volist>
                    </li>
                </div>
                
                
                
                <!--游客点评 start-->
                <div class="k2">
                	<ul>
                        <li class="jdxx_title">
                            <p><a name='score'></a>
                                <span>游客点评</span>
                            </p>
                            <p class="k2_title">
                                <span class="dark_gray">总评分：</span>
                                <span class="font30"><{$totalpf}>%</span>
                                <span><a href="" target="_blank" class="dark_gray">如何计算评分？</a></span>
                            </p>
                        </li>
                    </ul>
                   
                   <{$pinglunlist}>
                    
                   
                    
                   
                </div>
                <!--游客点评 end-->
                <div class="clear"></div>
                <!--旅客留言 start-->
                <div class="k2">
                    <ul class="jdxx_title">游客留言</ul>
                    <{$messl}>
                 </div>
                 <!--旅客留言 end-->
                 <div class="clear"></div>
                 <!--发表留言 start-->
                 <div class="k2">
                 	<ul class="fb_ly">
                    	<li class="fb_title">发表</li>
                        <li class="text">
                        	<textarea id="addcontent" name="addcontent"></textarea>
                        </li>
                    </ul>
                    <ul class="fb_ly">
                    	<li class="input"><input type="button" value="" id="fasongc" name="fasongc" /></li>
                    </ul>
                 </div>
                 <!--发表留言 end-->
            </div>
            <!--酒店信息内容left end-->
            <!--酒店信息内容right start-->
            <div class="jdxx_right">
            	<!--地图 start-->
            	<div class="k3">
                	<ul class="jdxx_title">所在位置</ul>
                    <ul><iframe name="googlemap" frameborder="0" id="googlemap" scrolling="no" width="378" height="278" src="/common/showgooglemap-zbz-34.196450627437024,109.00205624682621-hname-dfdfd-widthpx-378-heightpx-278"></iframe></ul>
                </div>
                <!--地图 end-->
                <div class="clear"></div>
                <!--本店特色 start-->
                <div class="k4">
                	<ul class="jdxx_title">本店特色</ul>
                    <ul>
                    	<li class="ts_nr">
                        	<span>
                                <{$rs.hotel27|formatteshestr=###}>
                               

                            </span>
                           
                            <span class="bf">
                                <i class="font14"><a class="all">全部</a></i>
                                <i class="font14"><a class="little">精简</a></i>
                            </span>
                            <span class="ts_add">添加特色：</span>
                            <span class="ts_button">
                                <input type="text" id= "teshecontent"  name= "teshecontent"/>
                                <button type="button" id="addteshec" name="addteshec">添加</button>
                            </span>
                        </li>
                    </ul>
                </div>
                <!--本店特色 end-->
                <div class="clear"></div>
                <!--浏览过的客栈 start-->
                <div class="k4">
                	<ul class="jdxx_title">我浏览过的客栈</ul>
                    <ul class="ll_before">
                    	<li id="browerhotellist">
                        	
                        </li>
                      
                    </ul>
                </div>
                <!--浏览过的客栈 end-->
                <div class="clear"></div>
                <!--周边相关客栈 start-->
                <div class="k4">
                	<ul class="jdxx_title">周边相关客栈</ul>
                    <ul class="ll_before">
                    	<volist name="zhoubianhotel" id="zbvo">
                        <li>
                        	<span><a href="/hotel-view-id-<{$zbvo.hotel0}>" target="_blank"><{$zbvo.hotel1}></a></span>
                        </li>
                       </volist>
                       
                        
                    </ul>
                </div>
                <!--周边相关客栈 end-->
                <div class="clear"></div>
                <!--周边旅游攻略 start-->
                <div class="k4">
                	<ul class="jdxx_title">周边旅游攻略</ul>
                    <ul class="ll_before">
                    	<li> <{:W('BlogSideList')}></li>
                    </ul>
                </div>
                <!--周边旅游攻略 end-->
              
                <div class="clear"></div>
                <!--猜你喜欢的客栈 start-->
                <div class="k4">
                	<ul class="jdxx_title">猜你喜欢的客栈</ul>
                    <ul class="lytj">
                    	<volist name="cnxhh" id="vo">
                        <li>
                        	<span><a href="/hotel/view-id-<{$vo.hotel0}>" target="_blank"><img width="60" height="60" src="<{$vo.hotel15}>" /></a></span>
                            <span><a href="/hotel/view-id-<{$vo.hotel0}>" target="_blank"><{$vo.hotel1}></a></span>
                        </li>
                       </volist>
                    </ul>
                </div>
                <!--猜你喜欢的客栈 end-->
            </div>
            <!--酒店信息内容right end-->
        </div>
        <!--酒店信息内容 end-->
    </div>
    <!--主体内容 end-->
   


      <!--底部部分 start-->
  <{:W('foot',array('linkid'=>1282))}>  

      <!--底部部分 end-->  
    <script language="javascript">
	$(document).ready(function(){
		//添加特色值操作
		$("#addteshec").bind("click",function(){
			teshecontent=$("#teshecontent").val();
			
			if(teshecontent.match(/[\s,，.。'\"]+/) || teshecontent==""){
				alert("请只输入文字");
				$("#teshecontent").focus();
				return false;	
			}
			
			$.ajax({
			  url: "/hotel/addteshe-hid-<{$rs.hotel0}>-teshecontent-"+$("#teshecontent").val(),
			  cache: false,
			  success: function(html){
				if(html=="dook"){
					alert("添加成功");
					$("#addteshec").unbind();
				}else{
					alert("添加失败");	
				}
			  }
			});
			
			
		});
		
		
		
		//添加人气值操作
		$("#dingrenqi").bind("click",function(){
			$.ajax({
			  url: "/hotel/addrenqi-hid-<{$rs.hotel0}>",
			  cache: false,
			  success: function(html){
				if(html=="dook"){
					rq_sz=$("#countnum").html();
					if(parseInt(rq_sz)){
						$("#countnum").html(String(parseInt(rq_sz)+1));
					}else{
						$("#countnum").html("1");	
					}
				}
			  }
			});
			$("#dingrenqi").unbind();
			
			
		});
	
	//获取浏览后的值
	$.ajax({
			  url: "/hotel/getbrowerhotebycookie",
			  cache: false,
			  success: function(html){
				  $("#browerhotellist").html(html);
			  }
	});
	
	//添加浏览后的值
	$.ajax({
			  url: "/hotel/addbrowerhoteltocookie-hid-<{$rs.hotel0}>-hname-<{$rs.hotel1|formaturl=###}>",
			  cache: false,
			  success: function(html){
			  }
	});
	
  //选中小图把显示的切换到大图
  $("img[id^='xcpic']").bind("click",function(){
	 id=$(this).attr("id");
	 picpath=id.replace("xcpic","");
	 $("#maxhoelpic").attr( "src", picpath);
		 $("img[id^='xcpic']").each(function(){
			$(this).removeClass(); 
		}); 
	 $(this).addClass("bd_red");

  });	

  //添加发送功能按钮功能
  $("#fasongc").bind("click",function(){
	userid="<{$Think.const.__USERID__}>";  
	if(userid=="__USERID__"){
		if(isgotologin()){
			window.open('<{$Think.const.SYS_UCHOMEURL}>/do.php?ac=b0466004e24c639be7d0b44bbdf0ad29');
			return false;
		}else{
			return false;
		}
	}
	
	//添加浏览后的值
	c=$("#addcontent").val();
	c=c.replace("-","");
	$.ajax({
			  url: "/messagesys/addmessage-hid-<{$rs.hotel0}>-c-"+c,
			  cache: false,
			  success: function(html){
				  if(html=="dook"){
					  $("#addcontent").val("");
					  alert("添加成功，工作人员正在审核.");
				  }
			  }
	});
	
	
 });

		
});

//进入预定页面
function gotoroder(rid){
	uid="<{$Think.const.__USERID__}>";
	if(uid=="__USERID__"){
		if(confirm("你没有登陆，是否去登陆?")){
			window.location.href="<{$SYS_config.siteurl}>/user/do.php?ac=<{$Think.const.__LOGIN_ACTION__}>";
		}else{ return false;
		}
		
		
	}else{
	window.location.href="/order/view1-hid-<{$Think.get.id}>-rid-"+rid;
	}
	
}




function isgotologin(){
	if(confirm("你没有登陆，是否要去登陆？")){
			 return true;
	}else return false;
}


$(function() {
  $(".scrollable").scrollable();
});
</script>
    
</body>
</html>